@mixin pr(){
   
   position: relative;
   

}

/*  声明css绝对定位的混合 */

@mixin pa($y,$x){

	position: absolute;
	top: $y;
	left:$x;
}

/* 声明背景图片的css混合 */

@mixin bgImg($url,$y,$x,$wid){

	background-image: url($url);
	background-position: $y $x;
	background-repeat: no-repeat;
	background-size: $wid;


}
@mixin bgImgs($url,$y,$x){

  background-image: url($url);
  background-position: $y $x;
  background-repeat: no-repeat;
}

@mixin pf($y:0,$x:0){
	position: fixed;
	top: $y;
	left: $x;
}

header{
  width: 100%;
  @include pf(0px,0px);
  padding-top: 43px;
  .nav{
  	width: 90%;
  	margin: 0px auto;
  	display: flex;
  	justify-content:space-between;
  }
  .nav>div{
     flex-basis:20%;
     text-align: center;

  }
  .nav>div:nth-of-type(1){
     text-align: left;
     .back{

     	 width: 120px;
     	 height: 55px;
     	 border:2px solid #ff9a50;
     	 text-align: center;
     	 line-height: 55px;
     	 border-radius: 20px;
     	 font-size: 26px;
     	 color: #000;
     	 font-weight: bold;

     }
  } 
  .nav>div:nth-of-type(2){
      flex:1;
      line-height: 55px;
      font-size: 26px;
  } 
  .nav>div:nth-of-type(3){
      text-align: right;
  } 

  
}


.search{
   width: 100%;
   float: left;
   margin-top: 140px;
   .search_box{
    width: 90%;
    margin: 0px auto;
    text-align: center;
      input{

          line-height: 55px;
          font-size: 24px;
          text-indent: 20px;
          border-radius: 25px;
          border: 3px solid #ff9344;
          background-image: url(../images/search_bg.png);
          background-repeat: no-repeat;
          background-position: 90% center;
          outline: none;
          height: 50px;
        }
        .search_title{
           font-size: 26px;
        }
   }

   .search_lis{
      width: 70%;
      margin: 0px auto;
      display: flex;
      flex-wrap:wrap;
      justify-content:space-between;
   }
   .search_lis>div{
      flex-basis:24%;
      margin-top: 1%;
      a{
          text-align: center;
          background-color: #dcdcdc;
          color: #898989;
          width: 100%;
          line-height: 65px;
      }

   }
}

.center{

   width: 100%;
   float: left;
   .money{
      width: 90%;
      margin: 0px auto;
      display: flex;
      margin-bottom: 25px;
      margin-top: 45px;
   }
   
    .money>div{
        
        flex-basis:17%;
        
   }
   .money>div:nth-of-type(1){
        
        background-image: url(../images/huo_bg.png);
        background-repeat: no-repeat;
        background-position: 45px 25px;


   }
   .money>div:nth-of-type(2){
        
        font-size: 26px;
        line-height: 71px;
   }
   .money>div:nth-of-type(3){
        flex:1;
        text-align: right;
        line-height: 71px;
        .more_money{
            width: 150px;
            height: 100%;
            padding-right: 40px;
            font-size: 24px;
            color: #000;
            @include bgImgs('../images/more_money.png',right,center);
        }
   }

   .img_lis{
       width: 90%;
       margin:0px auto;

      
       
       .img_left{
          float: left;
          width: 35%;
          height: 357px;
          img{
             width: 100%;
             height: 100%;
          }
       }
       .img_right{
          float:right;
          width: 63%;
          .img_bottom{
              width: 100%;
              display: flex;
              justify-content:space-between;
          }
          .img_bottom>div{
               flex-basis:49%;
           
              
                img{
                  width: 100%;
                  height: 100%;

                }
          }
       }
       .img_right> img{
            width: 100%;
          }
       &:after{

           content: "";
           width: 0px;
           display: block;
           overflow: hidden;
           clear: both;
       }
   }

   .blank{
      width: 90%;
      margin:0px auto;
      margin-bottom: 150px;
      display: flex;
      justify-content:space-between;
   }
   .blank>div{
       flex-basis:32%;
  
       img{
          width: 100%;
       }
   }

}

.footer {
  width: 750px;
  position: fixed;
  margin:0px auto;
  bottom: 0px;
   }
  .footer .menu {
    width: 100%;
    display: flex;
    flex-grow: row;
    justify-content: space-around;
    padding-bottom: 17px;
    padding-top: 17px; }
  .footer .menu > a {
    flex-basis: 25px;
    text-align: center;
    font-size: 26px;
    color: #000; }
